
.login-register-box h2{
    height:28px;
    line-height:28px;
    font-size:20px;
    color:#666;
    font-weight:600;
    margin-bottom:38px;
}

.login-name{
    .user{
        background:url(/img/login/icon_user.png) no-repeat center center;
    }
}
.passwrod{
    margin-top:20px;
    margin-bottom:41px;
    .user {
        background:url(/img/login/icon_password.png) no-repeat center center;
    }
}
.login-link{
    width:100%;
    height:43px;
    .forget-passwrod{
        display:block;
        height:27px; 
        line-height: 27px;
        margin-top:8px;
        float:left;
        color:#999;
        padding:2px 3px;
        font-size:12px;
    }
    .link-register{
        @extend .forget-passwrod;
        float:right;
    }
}
.login-other{
    width:298px;
    height:49px;
    text-align:center;
    line-height:49px;
    font-size:12px;
    color:#999;
    
}
.login-other-mode{
    width:200px;
    margin:0 auto;
    overflow: hidden;
    .weibo{
        width:100px;
        height:48px;
        float:left;
        cursor: pointer;
        text-align:center;
        & i{
            display:block;
            width:32px;
            height:32px;
            background:url(/img/login/icon_weibo_n.png) no-repeat center center;
            margin:0 auto;
        }
        & span{
            font-size:12px;
            display:inline-block;
            line-height:16px;
            color:#999;
            vertical-align: top;
        }
    }
    .weibo:hover i{
        background:url(/img/login/icon_weibo_p.png) no-repeat center center;
    }
    .qq{
        @extend .weibo;  
        & i{
                background:url(/img/login/icon_qq_n.png) no-repeat center center;
            }
    }
    .qq:hover i{
        background:url(/img/login/icon_qq_p.png) no-repeat center center;
    }
}